<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"
    />
    <title>大屏可视化项目</title>
    <script>
      const clientWidth = document.documentElement.clientWidth;
      const clientHeight = document.documentElement.clientHeight;
      window.pageWidth =
        clientWidth / clientHeight > 16 / 9
          ? clientHeight * (16 / 9)
          : clientWidth;
      const pageHeight = pageWidth / (16 / 9);
      const string = `<style>html{
      font-size: ${pageWidth / 100}px
    }</style>`;
      document.write(string);
    </script>
  <script type="module" crossorigin src="./assets/index.d42c9d0f.js"></script>
  <link rel="modulepreload" href="./assets/vendor.8d4f910d.js">
  <link rel="stylesheet" href="./assets/index.c8ca267b.css">
</head>
  <body>
    <div id="root"></div>
    <script>
      // root.style.width = pageWidth + 'px'
      root.style.height = pageHeight + "px";
      root.style.marginTop = (clientHeight - pageHeight) / 2 + "px";
    </script>
    
  </body>
</html>
